<template>
  <div id="app">
    <div class="narbar-box" v-if="!$route.meta.navBarHide">
      <NavBar></NavBar>
    </div>

    <div class="content-box" :style=" $route.meta.navBarHide ? 'height: 100%;' : '' ">
      <router-view></router-view>
    </div>

  </div>
</template>

<script>
  import NavBar from './components/NavBar';

  export default {
    components: {
      NavBar,
    },
    data() {
      return {

      }
    },
    methods: {

    },
    mounted() {

    }
  }
</script>

<style lang="less">
  @import "./assets/css/index";

  #app {
    background-color: #00152A;

    >.narbar-box {
      width: 100%;
      height: 64px;
    }

    >.content-box {
      width: 100%;
      height: calc( 100% - 64px );
    }
  }

</style>
